<template>
  <div class="redis-cluster-monitor">
    <Table border size="small" :columns="baseInfoColumns" :data="baseInfoData"></Table>
  </div>
</template>

<script>
  export default {
    name: 'ClusterMonitor',
    props: ['redisInfo'],
    data () {
      return {
        baseInfoColumns: [
          {
            title: 'Name',
            key: 'name'
          },
          {
            title: 'Age',
            key: 'age'
          },
          {
            title: 'Address',
            key: 'address'
          }
        ],
        baseInfoData: [
          {
            name: 'John Brown',
            age: 18,
            address: 'New York No. 1 Lake Park',
            date: '2016-10-03'
          },
          {
            name: 'Jim Green',
            age: 24,
            address: 'London No. 1 Lake Park',
            date: '2016-10-01'
          },
          {
            name: 'Joe Black',
            age: 30,
            address: 'Sydney No. 1 Lake Park',
            date: '2016-10-02'
          },
          {
            name: 'Jon Snow',
            age: 26,
            address: 'Ottawa No. 2 Lake Park',
            date: '2016-10-04'
          }
        ]
      }
    },
    methods: {},
    created () {
    }
  }
</script>

<style scoped>
  .redis-cluster-monitor {
    width: 100%;
    height: 100%;
  }
</style>